<template>
  <div class="container">
    <subject-selector></subject-selector>
    <model-selector></model-selector>
  </div>
</template>

<script>
import getData from "../services/index";
import { useStore } from "vuex";
import { onMounted } from "vue";

import SubjectSelector from "../components/SubjectSelector/index.vue";
import ModelSelector from "../components/ModelSelector/index.vue";

export default {
  name: "IndexPage",
  components: {
    SubjectSelector,
    ModelSelector,
  },
  setup() {
    const store = useStore(),
      state = store.state;

    onMounted(() => {
      getData(store);
    });
  },
};
</script>